import { createApp, Directive } from 'vue'
import App from './App.vue'
import router from './router'
import { store } from './store'
import * as directives from '@/directives'
import '@/permission'

// import Antd from 'ant-design-vue';
// import 'ant-design-vue/dist/antd.less'
//按需引入
import 'ant-design-vue/es/notification/style/index'   //引入用于显示通知消息的组件。
import 'ant-design-vue/es/message/style/index'        //引入用于显示全局提示消息的组件。
import 'ant-design-vue/es/modal/style/index'          //引入用于显示模态框的组件。
import './styles/default.theme.less'                  //引入默认主题样式文件。
import './styles/custom.less'                         //引入自定义样式文件。
//引入日期选择器组件，通过date-fns库提供日期处理功能。
import DatePicker from 'ant-design-vue/es/date-picker/date-fns'; 
//引入时间选择器组件，通过date-fns库提供时间处理功能。
import TimePicker from 'ant-design-vue/es/time-picker/date-fns';
//引入日历组件，通过date-fns库提供日期处理功能。
import Calendar from 'ant-design-vue/es/calendar/date-fns';
//创建实例
const app = createApp(App);

Object.keys(directives).forEach(key => {
    app.directive(key, (directives as { [key: string]: Directive })[key])
})

app.use(store)
app.use(router);

// app.use(Antd)
app.use(store).use(router).use(DatePicker).use(TimePicker).use(Calendar).mount('#app')

// app.mount('#app')
